<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" method="post">
      <fieldset>
        <legend>注册页面用到的表单控件</legend>
          <!-- 单行文本框 -->
          <label for="admin">用户名：</label>
          <input type="text" placeholder="请输入用户名" id="admin" style="width: 300px; height:40px;"><br>
          <!-- 密码框 -->
          密&#x3000;码：<input type="password" placeholder="密码">
          <!-- 单选按钮  实现单选功能name=""属性值完全一样 -->
          <input type="radio" name="xb" checked>男  <input type="radio" name="xb">女
          <!-- 多选按钮 -->
          <input type="checkbox" checked="checked">打游戏 <input type="checkbox">敲代码 <input type="checkbox">打篮球 <input type="checkbox">逛街
          <!-- 提交按钮 -->
          <input type="submit">
          <!-- 重置按钮 -->
          <input type="reset">
          <!-- 普通按钮 -->
          <input type="button" value="普通按钮">
          <button>普通按钮</button>
          <!-- 图片按钮 -->
          <input type="image" src="img/01.jpg" style="width: 100px; height:40px">
          <!-- 下拉列表 -->
          <select >
              <option >1990</option>
              <option >1991</option>
              <option >1992</option>
              <option >1993</option>
              <option selected>2000</option>
          </select>
  <textarea >多行文本框</textarea>
      </fieldset>
    </form>

<!-- 
&nbsp; 英文空格
&#x3000; 中文空格
<br>强制换行
<hr>分割线
<sup></sup> 上标
<sub></sub> 下标

<div></div> 盒子容器
<span></span> 行内元素

 -->
    <p>你&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 好</p>
   <p>
    2<sup>3</sup> 4
   </p>
   <hr>
   <p>
    co<sub>2</sub>
   </p>
</body>
</html>